<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="../src/sea-ui.css">
    <title>字体图标</title>
</head>

<body>
    <!-- 内容区 -->
    <i class="fa fa-address-book"></i>
    <!-- 演示修改图标样式 -->
    <h2>更改图标样式：</h2>
    <div>
        <i class="fa fa-code"></i>
        <i class="fa fa-info"></i>
        <i class="fa fa-check"></i>
    </div>
    <h2>图标旋转：</h2>
    <div>
        <i class="fa fa-spinner fa-spin"></i>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <i class="fa fa-cube fa-spin"></i>
    </div>
</body>

</html>